<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- load style site -->
<link type="text/css" rel="stylesheet" href="style_site.css">

<!-- Load jQuery library -->
<script type="text/javascript" src="slide show/scripts/jquery-1.6.2.min.js"></script>
<!-- Load NIVO Slider -->
<link rel="stylesheet" href="slide show/css/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slide show/css/nivo-theme.css" type="text/css" media="screen" />
<script src="slide show/scripts/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script src="slide show/scripts/nivo-options.js" type="text/javascript"></script>
<!-- load news table-->

<SCRIPT type="text/javascript">
	var speed = 1;
	function init() {
		var el = document.getElementById("marquee_replacement");
		el.style.overflow = 'hidden';
		scrollFromBottom();
	}

	var go = 0;
	var timeout = '';
	function scrollFromBottom() {
		clearTimeout(timeout);
		var el = document.getElementById("marquee_replacement");
		if (el.scrollTop >= el.scrollHeight - 180) {
			el.scrollTop = 0;
		};
		el.scrollTop = el.scrollTop + speed;
		if (go == 0) {
			timeout = setTimeout("scrollFromBottom()", 50);
		};
	}

	function stop() {
		go = 1;
	}

	function startit() {
		go = 0;
		scrollFromBottom();
	}
</SCRIPT>

<style type="text/css">
	.newsarea {
		BACKGROUND-IMAGE: url(/Images/355/img/news.jpg); BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 150px; HEIGHT: 255px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
	}
	.row {
		CLEAR: both
	}
	.menutab {
		TEXT-ALIGN: center; FONT-FAMILY: Tahoma, Simplified Arabic, Helvetica, Verdana, Arial, sans-serif; COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: bold
	}
	.newsfont {
		TEXT-ALIGN: right; FONT-FAMILY: Tahoma, Simplified Arabic, Helvetica, Verdana, Arial, sans-serif; COLOR: #ffffff; FONT-SIZE: 10px; TEXT-DECORATION: none
	}
	.newsdate {
		COLOR: #999999
	}
	.newstitle {
		COLOR: #93c363
	}
	#marquee_replacement {
		BORDER-BOTTOM: #000 0px solid; BORDER-LEFT: #000 0px solid; PADDING-LEFT: 3px; WIDTH: 95%; PADDING-RIGHT: 3px; HEIGHT: 255px; OVERFLOW: auto; BORDER-TOP: #000 0px solid; BORDER-RIGHT: #000 0px solid
	}
	#marquee_replacement P.spacer {
		HEIGHT: 255px
	}
</style>

</head>
<body>
<div class="warpper_site">
	<div class="header_site">
<!--This is the START of the NIVO slider-->
		<div class="slider-wrapper theme-effe">
			<div id="slider" class="nivoSlider">
				<img src="slide show/images/slider/1.jpg" width='500' alt="" title="#img1" /> 
				<img src="slide show/images/slider/2.jpg" width='500' alt="" title="#img2" /> 
				<img src="slide show/images/slider/1.jpg" width='500' alt="" title="#img3" /> 
				<img src="slide show/images/slider/slide4.jpg" width='500' alt="" title="#img4" /> 
			</div>
		</div>
<!--END of NIVO Slider-->
	</div>
<!-- start news marguee -->
	<div class="side_site_news">
		<div class="newsarea">
			<div class="row" style="height: 10px;"></div>
			<div class="row" style="width: 169px; height: 35px;">
				<div class="menutab" style="text-align: center; width: 190px; float: right; height: 20px;">
					<a href="http://edc.kau.edu.sa/News.aspx?Lng=AR&Site_ID=355100" class="menutab" style="color: rgb(123,149,98);">أخبار</a>
				</div>
			</div>
			
			<div class="row">
				<div style="float: right; height: 230px;">
					<div class="newsfont" id="marquee_replacement" style="overflow: hidden;" onmouseover="stop();" onmouseout="startit();">
						<p class="spacer">&nbsp;</p>
							<p><span class="newsdate">3/15/2010 3:56:36 PM</span>
							<br />
							<br />
							<a href="http://vp-projects.kau.edu.sa/Pages-%D8%A8%D9%85%D9%86%D8%A7%D8%B3%D8%A8%D8%A9-%D8%AA%D8%AC%D8%AF%D9%8A%D8%AF-%D8%AA%D9%83%D9%84%D9%8A%D9%81-%D8%B3%D8%B9%D8%A7%D8%AF%D8%A9-%D9%88%D9%83%D9%8A%D9%84-%D8%A7%D9%84%D8%AC%D8%A7%D9%85%D8%B9%D8%A9-%D9%84%D9%84%D9%85%D8%B4%D8%A7%D8%B1%D9%8A%D8%B9-%D8%A7%D9%84%D8%A3%D8%B3%D8%AA%D8%A7%D8%B0-%D8%A7%D9%84%D8%AF%D9%83%D8%AA%D9%88%D8%B1-%D8%B9%D8%A8%D9%80%D8%AF-%D8%A7%D9%84%D9%84%D9%87-%D8%A8%D9%80%D9%86-%D8%B9%D9%85%D9%80%D8%B1-%D8%A8%D8%A7%D9%81%D9%8A%D9%80%D9%84.aspx" class="newstitle" style="text-decoration: none;">بمناسبة تجديد تكليف سعادة وكيل الجامعة للمشاريع الأستاذ الدكتور/ عبـد الله بـن عمـر بافيـل</a></p>
							<p><span class="newsdate">4/22/2012 01:26:00 PM</span>
							<br />
							<br />
							<a href="http://vp-projects.kau.edu.sa/Pages-New13-Ar.aspx" class="newstitle" style="text-decoration: none;">الدعوة لتصميم استكمال مباني المنشآت الرياضية بالجامعة</a></p>
							<p><span class="newsdate">2/12/2010 1:52:10 PM</span>
							<br />
							<br />
							<a href="http://vp-projects.kau.edu.sa/Pages-new5.aspx" class="newstitle" style="text-decoration: none;">الدعوة لتصميم الموقع العام لفرعي جامعة الملك عبد العزيز بخليص والكامل</a></p>
							<p><span class="newsdate">2/12/2010 11:07:53 AM</span>
							<br />
							<br />
							<a href="http://vp-projects.kau.edu.sa/Pages-new4.aspx" class="newstitle" style="text-decoration: none;">توقيع عقد تصميم مشروع مركز المهارات السريرية بكلية الطب بجدة</a></p>
							<p><span class="newsdate">2/14/2010 10:42:42 AM</span>
							<br />
							<br />
							<a href="http://vp-projects.kau.edu.sa/Pages-new3.aspx" class="newstitle" style="text-decoration: none;">تسليم تصميم الموقع العام لفرع جامعة الملك عبد العزيز برابغ</a></p>
						<p class="spacer">&nbsp;</p>
					</div>
				</div>
			</div>
		</div>
<SCRIPT type="text/javascript">
	startit();
</SCRIPT>
<!-- end news marguee -->
	</div>
	<div class="content_site">
	
	</div>
	
	<div class="side_site_btn">
		<img style="margin:5px;" src="btn-1.jpg" >	
		<img style="margin:5px;" src="btn-2.jpg" >
		<img style="margin:5px;" src="btn-3.jpg" >
		<img style="margin:5px;" src="btn-4.jpg" >
	</div>
	<div class="footer_site">
	<img src="Footer.jpg" width="750" height='120'>
	</div>
</div>

</body>
</html>